<template>
  <div id="app">
    <br />
    <!-- 其中type属性控制的是颜色，icon是图标
                primary是蓝色        
                success是绿色
                info是灰色
                warning是黄色
                danger是红色
              -->
    <!-- <el-row>
          <el-button icon="el-icon-search" circle @click="changeflag" ></el-button>
          <input type="text" v-show="isflag" v-model="arrays">
          <el-button type="primary" icon="el-icon-edit" circle @click="changeflagA"></el-button>
         
          <el-button type="success" icon="el-icon-check" circle @click="changeflagB"></el-button>
          <el-button type="info" icon="el-icon-message" circle></el-button>
          <el-button type="warning" icon="el-icon-star-off" circle></el-button>
          <el-button type="danger" icon="el-icon-delete" circle></el-button>   
           
    
          <br>
              <textarea v-show="isflagA" v-model="arrays"></textarea> -->
    <!-- <Message ></Message> -->
    <!-- <List v-show="isflagB"></List>
               
        </el-row> -->
    <el-form class="login-container" label-position="left" label-width="0px">
      <h3 class="login_title">重设密码</h3>
      <el-form-item>
        <el-input
          type="password"
          v-model="oldpasswrod"
          auto-complete="off"
          placeholder="旧密码"
        ></el-input>
      </el-form-item>
      <el-form-item>
        <el-input
          type="password"
          v-model="newpassword"
          auto-complete="off"
          placeholder="新密码"
        ></el-input>
        <el-input
          type="password"
          v-model="newpassword1"
          auto-complete="off"
          placeholder="确认新密码"
        ></el-input>
      </el-form-item>
      <el-form-item style="width: 100%">
        <el-button
          type="primary"
          style="width: 100%; background: #505458; border: none"
          @click="confirmuser"
          >确认</el-button
        >
      </el-form-item>
      <el-form-item style="width: 20%">
        <a
          href="http://localhost:8080/register"
          style="
            width: 100%;
            background: blanchedalmond;
            border: none;
            text-decoration: none;
          "
          >注册</a
        >
      </el-form-item>
    </el-form>
    <br />
    <!-- <router-link class="home" to="/home">Home</router-link>|
        <keep-alive include="News">
        <router-view></router-view>
        </keep-alive> -->
  </div>
</template>
  <script>
import { success } from "log-symbols";

export default {
  name: "Changpassword",
  data() {
    return {
      username: "",
      oldpasswrod: "",
      newpassword: "",

      newpassword1: "",
    };
  },
  mounted: function () {
    this.getusername();
  },
  methods: {
    confirmuser() {
      // this.$axios
      //   .post("/confirmuser", {
      //     username: this.username,
      //     password: this.oldpasswrod,
      //   })
      //   .then((successResponse) => {
      //     if (
      //       successResponse.data.code == 200 &&
      //       this.newpassword == this.newpassword1
      //     ) {

      //     }
      //   });
      this.$axios
        .post("/repassword", {
          username: this.username,
          password: this.newpassword1,
        })
        .then((successResponse) => {
          if (successResponse.data.code === 200) {
            this.$router.replace({ path: "/Login" }).then(this.open1());
          }
        });
    },
    getusername() {
      this.$axios.get("/getusername").then((resp) => {
        this.username = resp.data;
        console.log(this.username);
        console.log(resp);
      });
    },
    open1() {
      this.$notify({
        title: "修改密码成功",
        // message: '欢迎使用图书管理系统',
        type: "success",
      });
    },
  },
};
</script>
   <style scoped>
input.el-input__inner {
  margin-bottom: 21px;
}
/* #a1 {
     background: url("../assets/eva.jpg");
     width: 100%;
     height: 100%;
     position: fixed;
     background-position: center;
     background-size: cover;
   } */
.login-container {
  border-radius: 15px;
  background-clip: padding-box;
  margin: 300px auto;
  width: 350px;
  padding: 35px 35px 15px 35px;
  background: #fff;
  border: 1px solid #eaeaea;
  box-shadow: 0 0 25px #cac6c6;
}

.login_title {
  margin: 0px auto 40px auto;
  text-align: center;
  color: #505458;
}
#app {
  background: url("../assets/eva.jpg") no-repeat;
  background-position: center;
  height: 100%;
  width: 100%;
  background-size: cover;
  position: fixed;
}
div {
  margin: 0;
}
el-switch el-tooltip is-checked {
  margin-top: -100px;
}
</style>